<!DOCTYPE html>
<html lang="en">
<head>
<link href="/static/school/css/frame.style.css" type="text/css" rel="stylesheet" />
<link href="/static/school/css/default.style.css" type="text/css" rel="stylesheet" />
<link href="/static/public/layer/src/css/layui.css" rel="stylesheet">
<script src="/static/public/jquery-1.11.1.min.js" type="text/javascript"></script>
    <style>
    *{ margin:0px; padding:0px;}

    .scolwz_box{ padding:0px; margin:0; font-size:14px; color:#333; clear:both; vertical-align:middle; cursor:pointer;}
    .scolwz_box *{ padding:0px; margin:0; clear:both; vertical-align:middle;}
    .scolwz_form .wz_item{ clear:both; line-height:30px; margin-bottom:10px; position:relative; padding-left:100px;}
    .scolwz_form .wz_item .wz_label{ position:absolute; left:0px; top:0px; height:30px;}
    .scolwz_form .wz_item .wz_div label{ color:#555; margin-right:10px;}
    .scolwz_form .wz_item .wz_div input[type="radio"]{ margin-right:5px;}
    .scolwz_form .wz_item .wz_div input[type="text"]{ height:28px; line-height:28px; border:1px solid #d1d1d1; background:#fff; padding:0 5px; width:80%;}

    .relation_list{ clear:both; overflow:hidden;}
    .relation_list .re_tit{ height:30px; line-height:30px; background:#EEE; border-top:1px solid #CCC; border-bottom:1px solid #CCC; }
    .relation_list .Btncheck{ width:40px; text-align:center; display:inline-block; vertical-align:middle;}
    .relation_list .re_list li{ line-height:40px; border-bottom:1px dashed #DDD;}
    .relation_list .re_list ol{ padding-left:35px;list-style:none;}

    .updateBtn{ border:1px solid #CCC; color:#09F; height:30px; line-height:30px; padding:0 10px;}
    .kc_upBtn{ background:url(/static/school/images/ico_zk.png) no-repeat; display:inline-block; vertical-align:middle; height:27px; width:85px; margin-left:5px; }
    .selectBtn{ padding:0 20px; text-align:center; height:30px; line-height:30px; border:none; background:#ff9900; color:#fff; cursor:pointer;}
    .kc_ts{ width:25px; height:25px; background:url(/static/school/images/ico_ts.png) no-repeat; display:inline-block;}
    .kc_addminus{ width:25px; height:25px; background:url(/static/school/images/ico_plus.png) no-repeat; display:inline-block;}

    .relation_list .re_tip{ border:1px solid #FC6; background:#FF9; padding:10px; margin:10px; cursor:default;}
    .relation_list .re_tip h2{ font-size:14px; color:#0CF}
    .relation_list .re_list li .dd{ display:none;}
    .relation_list .re_list li .dt.curr .kc_addminus{ background:url(/static/school/images/ico_minus.png);}
    .relation_list .re_list li .dt.curr .kc_upBtn{ background:url(/static/school/images/ico_sq.png) no-repeat;}
    /*.scolwz_box .layui-form-checkbox{ height:25px; line-height:25px;}
    .scolwz_box .layui-form-checkbox i{ position:static; width:25px; font-size:15px;}*/
    </style>
</head>
<body>
<div class="wrap">
    <div class="relation_list">
        <form class="layui-form" method="post" action="/marketing_card/add">
            <div class="re_tit"><label class="Btncheck"></label><span>目录/科目</span></div>
            <ol class="re_list">
                <li>
                    <div class="dt">
                        <label class="Btncheck"></label>
                        <span class="kc_addminus"></span>
                        <span class="kc_tit">视频课<em>(<{$course|count}>)</em></span>
                        <a class="kc_upBtn" href="javascript:;"></a>
                    </div>
                    <{if !empty($course)}>
                    <div class="dd">
                        <ol>
                            <{foreach from=$course item=item}>
                            <li>
                                <div class="dt" style="padding:0 30px;">
                                    <input type="checkbox" name="course[]" value="<{$item['id']}>" checked disabled lay-skin="primary" title="<{$item['title']}>" > <a class="my_item" href="javascript:;" url="<{$school_info.url_web}>/video/detail/<{$item['id']}>" style="float: right;font-size: 10px;">立即观看</a>
                                </div>
                            </li>
                            <{/foreach}>
                        </ol>
                    </div>
                    <{/if}>
                </li>
                <li>
                    <div class="dt">
                        <label class="Btncheck"></label>
                        <span class="kc_addminus"></span>
                        <span class="kc_tit">题库<em>(<{$tiku|count}>)</em></span>
                        <a class="kc_upBtn" href="javascript:;"></a>
                    </div>
                    <{if !empty($tiku)}>
                    <div class="dd">
                        <ol>
                            <{foreach from=$tiku item=item}>
                            <li>
                                <div class="dt" style="padding:0 30px;">
                                    <input type="checkbox" name="tiku[]" value="<{$item['id']}>" checked disabled lay-skin="primary" title="<{$item['title']}>" > <a class="my_item" href="javascript:;" url="<{$school_info.url_web}>/user/tiku/practice_index/<{$item['id']}>" style="float: right;font-size: 10px;">立即做题</a>
                                </div>
                            </li>
                            <{/foreach}>
                        </ol>
                    </div>
                    <{/if}>
                </li>
            </ol>
          <!--   <div style="padding:10px; text-align:right;">
                <button class="selectBtn">选择</button>
            </div> -->
        </form>
    </div>
</div>
<script src="/static/public/layer/src/layui.js"></script>
<script src="/static/school/js/default.common.js" type="text/javascript"></script>
<script src="/static/public/layer/load_layui.js" type="text/javascript"></script>
<script>
$(function(){
    $('.re_list').find('.dt').click(function(){
        $(this).toggleClass('curr');
        $(this).siblings('.dd').toggle();
    })

    $(".my_item").click(function(){
        // window.parent.loaction=$(this).attr("url")
        window.parent.location.href=$(this).attr("url");
    })
})
</script>
</body>
</html>